// 公共样式变量
@red: #c20c0c;
@black: #242424;

// 版心
.con {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.tanxin {
  display: flex;
  justify-content: space-between;
}


* {
  padding: 0px;
  margin: 0px;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Arial, Helvetica, sans-serif;
}

ul {
  list-style: none;
}

label {
  font-weight: 700;
}

html {
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

textarea {
  outline-color: #cdcdcd;
}